<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
</body>
<script>
    var body=document.getElementsByTagName("body")[0]//找到body
     var div=document.createElement('div') //创建一个div属性
       div.setAttribute('id','bak')//给div起一个id名
     body.appendChild(div)//向body中添加一个div属性 
     div.style.width='100000000000000000000px'
     div.style.height='10000000000000000000px' 
     var imgs =["ji.webp","ke.webp","liu.webp","mao.webp","mo.webp","shen.webp","shu.webp","wu.webp","yan.webp","zi.webp","chen.webp","chou.webp"]; 
     var x = 0;
        function time1(){
           x++;  
           x=x%12;    
           div.style.backgroundImage="url("+imgs[x]+")"
        }
        setInterval("time1()",100);
    </script>
</html>